<template>
	<modal :name="'showAddContactTypeModal'">
		<ul >
			<li><a class="title">请选择添加方式</a></li>
			<li><a class="item" @click="addByManual(departmentId)">手动输入添加</a></li>
			<li><a class="item" @click="addByMobileDirectory(departmentId)">从手机通讯录添加</a></li>
		</ul>
	</modal>
</template>

<script>
export default {

  	name: 'index',

  	props: {
  		departmentId: String
  	},

  	data () {
	    return {
	    	isShow: false
	    };
  	},

  	methods: {
  		addByManual (departmentId) {
  			this.$router.push({
  				name: 'contact_add',
  				params: {
  					departmentId: departmentId
  				}
  			});
  		},

  		addByMobileDirectory (departmentId) {	
  			this.$router.push({
  				name: 'contact_local_add',
  				params: {
  					departmentId: departmentId
  				}
  			});
  		}
  	}
};
</script>

<style lang="scss" scoped>
	ul{
		width: 100%;

		li{
			width: 100%;
			border-bottom: 1px solid #ccc;

			&:last-child{
				border-bottom: none;
			}

			a{
				display: block;
				height: 100px;
				line-height: 100px;
				font-size: 28px;
				text-align: center;
				padding: 0 20px;

				&.title{
					color: #000;
				}
				&.item{
					color: #30c5c3;
				}
			}
		}
	}
</style>